<template>
    <div class="order-root">
        <!--布局盒子-->
        <el-container class="container-box">
            <!--侧边栏-->
            <el-aside width="200px">
                <!--侧边栏菜单-->
                <AsideMenuTree></AsideMenuTree>
            </el-aside><!--/ 侧边栏-->
            <!--主体-->
            <el-main>
                <!--视图-->
                <router-view></router-view>
            </el-main><!--/ 主体-->
        </el-container>
    </div>
</template>

<script>
import AsideMenuTree from "../../components/AsideMenuTree";
export default {
    name: "Order",
    components: {
        AsideMenuTree,
    }
}
</script>

<style lang="scss" scoped>
    .order-root{
        height: 100%;
    }
    .container-box {
        width: 100%;
        height: 100%;

        /*侧边栏*/
        /deep/.el-aside {
            width: 100%;
            height: 100%;
            background-color: cadetblue;
        }
    }
</style>
